<template>
  <div class="h-full bg-white p-4 overflow-y-scroll">
    <FlowSteps direction="vertical" :steps="steps" />
  </div>
  <a-row class="hidden">
    <span class="i-ant-design-file-add-outlined"></span>
    <span class="i-ant-design-pushpin-outlined"></span>
    <span class="i-lucide-stamp"></span>
    <span class="i-lucide-send"></span>
    <span class="i-ant-design-share-alt-outlined"></span>
    <span class="i-ant-design-node-expand-outlined"></span>
    <span class="i-ant-design-file-protect-outlined"></span>
  </a-row>
</template>
<script setup lang="ts">
import { FlowSteps } from '@ykst/flow';

import a from './steps.json';

// console.log(a);
const steps = a.workflowActionerRuleExtList as any[];
</script>
